$(function () {
  // console.log(11);
  // 功能一
  /* 
    封装函数 在函数内部发起ajax请求
    判断成功与否
    如果成功渲染数据到页面上

  */
  function getUSerList() {
    $.get("/my/userinfo", function (res) {
      // console.log(res);
      if (res.status !== 0) return layer.msg(res.message, { icon: 5 });
      // 通过表单的内置方法进行赋值
      layui.form.val("formUserInfo", res.data);
    });
  }
  getUSerList();
  // 功能二 修改用户的基本信息
  /*
    给表单注册提交事件
    阻止默认提交行为 
    // 收集表单的数据 
    // 对表单的数据进行校验
    发起ajax请求
    判单请求成功与否
    如果请求成功，渲染index.html中的昵称的值
   */

  // 校验表单
  layui.form.verify({
    pwd: [/^[\S]{1,5}$/, "密码必须6到12位，且不能出现空格"],
  });
  $(".layui-form").on("submit", function (e) {
    e.preventDefault();
    // 收集表单的数据
    const data = $(this).serialize();
    console.log(data);
    $.ajax({
      method: "post",
      url: "/my/userinfo",
      data,
      success: function (res) {
        // console.log(res);
        if (res.status !== 0) return layer.msg(res.message, { icon: 5 });
        layer.msg(res.message, { icon: 6 });
        window.parent.render();
      },
    });
  });

  //实现重置功能
  // 给按钮注册点击事件
  // 阻止默认提交行为
  // 调用函数重新渲染
  $("#btnReset").on("click", function (e) {
    e.preventDefault();
    getUSerList();
  });
});
